
$(function () {

    //全局变量
    let params = {
        key: '',	//	搜索关键词，可以为空，为空返回某类型所有文章
        type: '',	//	文章类型id，可以为空，为空返回所有类型文章
        state: '',	//	文章状态，草稿 ，已发布,为空返回所有状态文章
        page: '',	//	当前页，为空返回第1页
        perpage: ''	//	每页显示条数，为空默认每页6条
    }

    init()

    //渲染数据
    function init() {
        $.ajax({

            url: 'http://localhost:8080/api/v1/admin/article/query',
            headers: {
                Authorization: localStorage.getItem('token')
            },
            data: params,
            success: function (res) {
                console.log(res);

                if (res.code === 200) {
                    const list = res.data.data
                    const html = template('trTpl', { list })
                    $('.table tbody').html(html)

                    const totalCount = res.data.totalCount

                    renerPager(totalCount)
                }
            }
        })
    }

    //   ui  框架添加页面
    function renerPager(totalCount) {
        var laypage = layui.laypage;

        //执行一个laypage实例
        laypage.render({
            elem: 'pager', //注意，这里的 test1 是 ID，不用加 # 号
            limit: 6, //每页放 多少 条数据
            count: totalCount, //数据总数，从服务端得到
            curr: params.page, //单前页面
            jump: function (obj, first) {
                //obj包含了当前分页的所有参数，比如：

                // console.log(obj.limit); //得到每页显示的条数

                //首次不执行
                if (!first) {
                    //do something
                    // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                    params.page = obj.curr
                    init()
                }
            }
        });
    }

    //渲染分类
    $.ajax({
        url: 'http://localhost:8080/api/v1/admin/category/list',
        headers: {
            Authorization: localStorage.getItem('token')
        },
        success: function (res) {
            // console.log(res);
            const data = res.data
            const html = template('classTpl', { data })

            $('#selCategory').html(html)

        }

    })

    //筛选  和   重置   函数
    function screen(aname, selCategory, selStatus) {

        //给全局变量赋值
        params.key = aname             //输入
        params.type = selCategory      //分类
        params.state = selStatus       //状态
        params.page = 1                //页码
        init()
    }

    //筛选
    $('#btnSearch').on('click', function () {
        const aname = $('#aname').val().trim()
        const selCategory = $('#selCategory').val()
        const selStatus = $('#selStatus').val()
        // console.log(aname, selCategory, selStatus);

        screen(aname, selCategory, selStatus)
    })

    //重置
    $('[type="reset"]').on('click', function () {
        // console.log(1);
        $('#aname').val('')
        $('#selCategory').val('')
        $('#selStatus').val('')

        screen()

    })

    //删除按钮
    $('#articleTable').on('click', '.delete', function () {

        layer.confirm('是否要删除', (index) => {

            const id = $(this).parents('tr').data('id')
            // console.log(id);

            $.ajax({
                url: 'http://localhost:8080/api/v1/admin/article/delete',
                type: 'post',
                headers: { Authorization: localStorage.getItem('token') },
                data: { id },
                success: function (res) {
                    if (res.code == 200) {
                        init()
                        layer.close(index)
                    } else {
                        console.log(res);
                    }
                }
            })

        })

    })

    // //给编辑按钮添加点击事件  获取  id
    // $('#articleTable').on('click', '.edit', function () {
    //     const id = $(this).parents('tr').data('id')

    //     //把  id  存储到本地存储
    //     localStorage.setItem('id', id)
    // })
})




